<template>
	<view class="page">
		<cl-nav-bar backgroundColor="rgba(255, 255, 255, 0)" color="#fff" leftIcon=''></cl-nav-bar>
		<view class="page_content">
			<view class="btn_item" @click="toPage('/pages/template/list?pageType=fill')">
				<image src="../../static/fill_icon.png" class="w_80 h_80 mr_80" mode="scaleToFill" />
				<text>数据填报</text>
			</view>
			<view class="btn_item" @click="toPage('/pages/template/list?pageType=template')">
				<image src="../../static/create_template_icon.png" class="w_80 h_80 mr_80" mode="scaleToFill" />
				<text>模板创建</text>
			</view>
			<view class="btn_item" @click="toPage('/pages/template/list?pageType=template')">
				<image src="../../static/log_icon.png" class="w_80 h_80 mr_80" mode="scaleToFill" />
				<text>操作日志</text>
			</view>
		</view>
	</view>
</template>
<script setup>
	import {
		ref
	} from 'vue'
	const list = ref([])
	const toPage = (url) => {
		uni.navigateTo({
			url
		})
	}
</script>
<style scoped lang="scss">
	.page {
		display: flex;
		flex-direction: column;
		position: relative;
		height: 100vh;
		width: 100vw;
		overflow: hidden;
		background-size: 100% 100%;
		background: url(../../static/bgk.jpeg) no-repeat top center/cover;

		&_content {
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			.btn_item {
				margin-bottom: 80rpx;
				padding: 60rpx;
				display: flex;
				align-items: center;
				font-size: 40rpx;
				width: 450rpx;
				border-radius: 20rpx;
				box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
				background-color: #fff;
				cursor: pointer;
			}
		}
	}
</style>